@media(max-width: 700px) {
    .actions {
        padding: 10px;
    }
}
@media(max-width: 580px) {
    .actions li:last-child{
        padding-right: 10px;
    }
}
@media(max-width: 500px) {
    .actions li:last-child{
        padding-right: 20px;
    }
}
@media(max-width: 470px) {
    .actions ul{
        display: block;
        text-align: center;
        padding: 0;
    }
    .actions li{
        margin-top: 2px;
    }
}